#5A8353

Color Details

HEX
#5A8353
RGB
rgb(90, 131, 83)
HSL
hsl(111, 22%, 42%)
CMYK
cmyk(31%, 0%, 37%, 49%)
Best text on this color #000000 (CR 4.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a8353
Contrast 4.81:1 AA
White on #5a8353
Contrast 4.37:1 Fail
#5a8353 on Black
Contrast 4.81:1 AA
#5a8353 on White
Contrast 4.37:1 Fail

Tints & Shades

#7b9c75
#9cb598
#bdcdba
#486942
#364f32
#243421

Complement & Analogous

#7c5483
#548364
#728354

Triadic

#545b83
#83545b

Monochrome

#243421 #364f32 #5a8353 #9cb598 #bdcdba #dee6dd

Analogous

#728354 #9ca887 #5a8353 #769c83 #548364 #436950

Complementary Mix

#364f32 #5a8353 #9cb598 #7c5483 #aa90ae #513755

Nearby Colors

#5a8352
#5a8354
#5a8343
#5a8363

Embed #5A8353 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5A8353

#5A8353 converts to RGB(90, 131, 83) and HSL(111, 22%, 42%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5A8353 FAQs

What is the RGB value of #5A8353?
RGB: 90, 131, 83. Copy as CSS: rgb(90, 131, 83)
Is #5A8353 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A8353?
Complement: #7c5483.
Does #5A8353 have good contrast on white or black?
On white: 4.37:1 (AA (large text)). On black: 4.81:1 (AA (normal text)).